@-webkit-keyframes rotate {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes rotate {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes rotate2 {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotate2 {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes bounce {
  0%{
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  50%{
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  100%{
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

@keyframes bounce {
  0%{
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  50%{
    transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  100%{
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}



@keyframes ripple {
  0% {
    left: 15px;
    bottom: 0;
    opcity:75;
    width:10px;
    height: 10px;
  }
  100% {
    left: 5px;
    bottom: -10px;
    opacity: 25;
    width:30px;
    height:30px;
  }
}

@-webkit-keyframes ripple {
  0% {
    left:5px;
    top:5px;
    opcity:75;
    width:0;
    height:0;
  }
  100% {
    left:-20px;
    top:-20px;
    opacity: 0;
    width:50px;
    height:50px;
  }
}


@-webkit-keyframes roundRotate {
  0%{
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  25%{
    transform: translate3d(-20px, 20px, -30px);
    -ms-transform: translate3d(-20px, 20px, -30px);
    -webkit-transform: translate3d(-20px, 20px, -30px);
    opacity: 0.8;
  }
  50%{
    transform: translate3d(-40px, 40px, 10px);
    -ms-transform: translate3d(-40px, 40px 10px);
    -webkit-transform: translate3d(-40px, 40px, 10px);
    opacity: 0.5;
  }
  75%{
    transform: translate3d(-20px, 20px, -30px);
    -ms-transform: translate3d(-20px, 20px, -30px);
    -webkit-transform: translate3d(-20px, 20px, -30px);
    opacity: 0.8;
  }
  100%{
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes roundRotate {
  0%{
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  25%{
    transform: translate3d(-20px, 20px, -30px);
    -ms-transform: translate3d(-20px, 20px, -30px);
    -webkit-transform: translate3d(-20px, 20px, -30px);
    opacity: 0.8;
  }
  50%{
    transform: translate3d(-40px, 40px, 10px);
    -ms-transform: translate3d(-40px, 40px 10px);
    -webkit-transform: translate3d(-40px, 40px, 10px);
    opacity: 0.5;
  }
  75%{
    transform: translate3d(-20px, 20px, -30px);
    -ms-transform: translate3d(-20px, 20px, -30px);
    -webkit-transform: translate3d(-20px, 20px, -30px);
    opacity: 0.8;
  }
  100%{
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}